<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>主页</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!-- start slider -->		
	<link href="css/slider.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
	<script type="text/javascript" src="js/jquery.cslider.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#da-slider').cslider();
		});
	</script>
		<!-- Owl Carousel Assets -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		     <!-- Owl Carousel Assets -->
		    <!-- Prettify -->
		    <script src="js/owl.carousel.js"></script>
		        <script>
		    $(document).ready(function() {
		
		      $("#owl-demo").owlCarousel({
		        items : 4,
		        lazyLoad : true,
		        autoPlay : true,
		        navigation : true,
			    navigationText : ["",""],
			    rewindNav : false,
			    scrollPerPage : false,
			    pagination : false,
    			paginationNumbers: false,
		      });
		
		    });
		    </script>
		   <!-- //Owl Carousel Assets -->
		<!-- start top_js_button -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		   <script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){		
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
					});
				});
			</script>
  </head>
  
  <body >
  	<!-- start header -->
	<div class="header_bg">
		<div class="wrap">
			<div class="header">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""/> </a>
				</div>
				<div class="h_icon">
				<ul class="icon1 sub-icon1">
					<li><a class="active-icon c1" href="#"><i>$300</i></a>
						<ul class="sub-icon1 list">
							<li><a href="<%=basePath%>shopCar/queryAll.do?"><h4>我的购物车</h4></a></li>
							<li><a href="<%=basePath%>orders/queryAll.do"><h4>我的订单</h4></a></li>
							<li><a href="<%=basePath%>buyer/preEditBuyer.do"><h4>修改个人信息</h4></a></li>
							
						</ul>
					</li>
				</ul>
				</div>
				<div class="login1">
					<div class="l1"><a href="user/preLogin.do"><h5>注册/登录</h5></a></div>
				</div>
				
				<div class="h_search">
		    		<form action="<%=basePath%>shop/queryBySname1.do">
		    			<input type="text" value="" placeholder="商品名称" name="sname">
		    			<input type="submit" value="">
		    		</form>
				</div>
				<div class="clear"></div>
				
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div class="header_btm">
		<div class="wrap">
			<div class="header_sub">
				<div class="h_menu">
					<ul>
						<li class="active"><a href="<%=basePath%>orders/selectAll.do">主页</a></li> |
						<li><a href="<%=basePath%>shop/type1.do">面膜</a></li> |
						<li><a href="<%=basePath%>shop/type2.do">护肤套装</a></li> |
						<li><a href="<%=basePath%>shop/type3.do">眼霜</a></li> |
						<li><a href="<%=basePath%>shop/type4.do">水乳</a></li> |
						<li><a href="<%=basePath%>shop/type5.do">口红</a></li> |
						<li><a href="<%=basePath%>shop/type6.do">精华</a></li> |
						<li><a href="<%=basePath%>shop/type7.do">洁面</a></li> |
						<li><a href="<%=basePath%>shop/type8.do">粉底</a></li> |
						<li><a href="<%=basePath%>shop/type9.do">眼影眼线</a></li> |
						<li><a href="<%=basePath%>shop/type10.do">香水</a></li>
					</ul>
		       	</div>	  
				<div class="clear"></div>
			</div>
		</div>
<!-- start slider -->
			<div id="da-slider" class="da-slider">
				<div class="da-slide">
					<h2>雅诗兰黛小棕瓶</h2>
					<p>雅诗兰黛的“大当家”，万能的小棕瓶精华就算你没用过它，肯定也听过它的大名！被粉丝誉为“世界上最好的精华！这款小棕瓶适合任何肤质，坚持使用之后，肌肤会一天比天光滑的。补充抗氧化物质淡化色斑,修复疤痕痘印，提亮肤色，修复毛孔。</p>
					<a href="<%=basePath%>shop/details.do" class="da-link">shop now</a>
					<div class="da-img"><img src="images/lb1.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>科颜氏保湿套装</h2>
					<p>来自纽约医药专业品牌的科颜氏向来以最温和却有效的护肤配方原则而响誉全球，其中【高保湿系列】更是自1970年推出以来，即不限男女、适用于各肤质的经典热卖品。</p>
					<a href="<%=basePath%>shop/details.do" class="da-link">shop now</a>
					<div class="da-img"><img src="images/lb2.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>香奈儿新款礼盒</h2>
					<p>香奈儿山茶花系列包含香奈儿山茶花保湿精华水，香奈儿山茶花润泽微精华水，香奈儿山茶花保湿滋养唇霜，香奈儿山茶花保湿眼部微精华，香奈儿山茶花保湿精华喷雾，香奈儿山茶花润泽微精华香奈儿山茶花保湿面霜，香奈儿山茶花保湿滋养乳霜等一系列护肤品。</p>
					<a href="<%=basePath%>shop/details.do" class="da-link">shop now</a>
					<div class="da-img"><img src="images/lb3.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>爆款神仙水</h2>
					<p>SK-II诞生于日本，是在东亚以及东南亚等地区深受欢迎的护肤品牌。
SK-II的核心成分Pitera™活细胞酵母精华具有七大神奇功效。SK-II的专柜服务采用肌肤测试，并依照测试结果为消费者提供可靠的参考数值和个性化的皮肤保养建议。</p>
					<a href="details.html" class="da-link">shop now</a>
					<div class="da-img"><img src="images/lb4.png" alt="image01" /></div>
				</div>
				<nav class="da-arrows">
					<span class="da-arrows-prev"></span>
					<span class="da-arrows-next"></span>
				</nav>
			</div>
        </div>
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板"></a></div>
<!----start-cursual---->
<div class="wrap">
<!----start-img-cursual---->
	<div id="owl-demo" class="owl-carousel">
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_1.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do">香奈儿山茶花礼盒</a></h3>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_2.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do">香奈儿山茶花洗面奶</a></h3>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_3.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do"></a>香奈儿气垫</h3>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_4.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do">香奈儿邂逅系类</a></h3>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_5.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do">香奈儿五号之水50ml</a></h3>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_6.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do">香奈儿山茶花润泽微精华30ml</a></h4>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
		<div class="item" >
			<div class="cau_left">
				<img class="lazyOwl" data-src="images/lb2_7.jpg" alt="Lazy Owl Image">
			</div>
			<div class="cau_left">
				<h3><a href="<%=basePath%>shop/details.do">香奈儿哑光唇釉</a></h4>
				<a href="<%=basePath%>shop/details.do" class="btn">shop</a>
			</div>
		</div>	
	</div>
	<!----//End-img-cursual---->
</div>
<!-- start main1 -->
<div class="main_bg1">
<div class="wrap">	
	<div class="main1">
		<h2>品牌礼盒</h2>
	</div>
</div>
</div>
<!-- start main -->
<div class="main_bg">
<div class="wrap">	
	<div class="main">
		<!-- start grids_of_3 -->
		<div class="grids_of_3">
			<div class="grid1_of_3">
				<a href="<%=basePath%>shop/details.do">
					<img src="images/pic1.jpg" alt=""/>
					<h4>雅诗兰黛棕瓶眼霜15ml+精华30ml礼盒</h4>
					<div class="price">
						<h4>￥1100<span>购买</span></h4>
					</div>
					<span class="b_btm"></span>
				</a>
			</div>
			<div class="grid1_of_3">
				<a href="<%=basePath%>shop/details.do">
					<img src="images/pic2.jpg" alt=""/>
					<h4>阿玛尼樱花粉小胖丁+粉气垫礼盒</h4>
					<div class="price">
						<h4>￥970<span>购买</span></h4>
					</div>
					<span class="b_btm"></span>
				</a>
			</div>
			<div class="grid1_of_3">
				<a href="<%=basePath%>shop/details.do">
					<img src="images/pic3.jpg" alt=""/>
					<h4>SK-Ⅱ神仙水精华护肤套装调理控油</h4>
					<div class="price">
						<h4>￥590<span>购买</span></h4>
					</div>
					<span class="b_btm"></span>
				</a>
			</div>
			<div class="clear"></div>
		</div>
		<div class="grids_of_3">
			<div class="grid1_of_3">
				<a href="<%=basePath%>shop/details.do">
					<img src="images/pic4.jpg" alt=""/>
					<h4>兰蔻小黑瓶30ml+大眼精华套装</h4>
					<div class="price">
						<h4>￥1440<span>购买</span></h4>
					</div>
					<span class="b_btm"></span>
				</a>
			</div>
			<div class="grid1_of_3">
				<a href="<%=basePath%>shop/details.do">
					<img src="images/pic5.jpg" alt=""/>
					<h4>科颜氏高保湿洁面+精华+爽肤水三件套 </h4>
					<div class="price">
						<h4>￥705<span>购买</span></h4>
					</div>
					<span class="b_btm"></span>
				</a>
			</div>
			<div class="grid1_of_3">
				<a href="<%=basePath%>shop/details.do">
					<img src="images/pic6.jpg" alt=""/>
					<h4>香奈儿可可小姐香水唇膏礼盒</h4>
					<div class="price">
						<h4>￥1190<span>购买</span></h4>
					</div>
					<span class="b_btm"></span>
				</a>
			</div>
			<div class="clear"></div>
		</div>	
		<!-- end grids_of_3 -->
	</div>
</div>
</div>	
<!-- start footer -->
	 <div>
		<iframe src="footer.html" width="100%"; height="450px" frameborder="0" scrolling="no" name="headFrame" style="position: absolute;z-index:9999;"></iframe>
	</div> 
  </body>
</html>
